@import "common";

main{
    // 搜索商品
    .hot_search{
        height:vw(328);
        width: vw(718);
        // background-color: bisque;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        .label_title{
            font-size: vw(26);
        }
        .lable_box{
            width: vw(512);
            height: vw(131);
            display: flex;
            justify-content: space-between;
            align-items:initial;
            flex-wrap: wrap;
            .lable_black{
                width: vw(125);
                height: vw(64);
                background-color: #dcdcdc;
                text-align: center;
                line-height: vw(64);
                font-size: vw(24);
                color: #898989;
                &:hover{
                    color: white;
                    background-color: orange;
                }
            }
        }
    }
    // 热门搜索
    .fint_hot_search{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        margin: 0 auto vw(40);
        // background-color: aquamarine;
        width: vw(700);
        height: vw(430);
        .find_img{
            width: vw(32);
            margin: 0 0 0 vw(20) ;
        }
        .all{
            width: vw(700);
            height: vw(352);
            // background-color: #898989;
            display: flex;
            justify-content: space-between;
            .left{
                width: vw(280);
                height: vw(352);
                img{
                    height: vw(352);
                }
            }
            .right{
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                width: vw(420);
                height:vw(352);
                .top{
                    width:vw(420);
                    height:vw(147);
                    img{
                        float: right;
                        width: 97%;
                    }
                }
                .bottom{
                    display: flex;
                    justify-content:flex-end;
                    .left{
                        width: vw(195);
                        height: vw(197);
                        img{
                            width: 97%;
                            height: 97%;
                        }
                    }
                    .right{
                        width: vw(211);
                        height: vw(197);
                        img{
                            width: 97%;
                            height: 97%;
                        }
                    }
                }
            }
        }
    }
    // 推荐搜索
    .recommend_search{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: vw(300);
        width: vw(718);
        // background-color: #898989;
        margin: 0 auto;
        .find_img{
            width: vw(40);
            margin: 0 0 0 vw(20) ;
        }
        .recommend_search_img{
            display: flex;
            justify-content: space-between;
            img{
                height: vw(200);
            }
        }
    }
}
